<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Alpona - A Clean Responsive Flat B3 Admin Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Admin Panel Template">
        <!-- styles -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/font-alpona.css" rel="stylesheet">
        <link href="css/prettify.css" rel="stylesheet">
        <link href="css/styles.css" rel="stylesheet">
        <link href="css/bootstrap-reset.css" rel="stylesheet">
        <!--fav and touch icons -->
        <link rel="shortcut icon" href="ico/favicon.ico">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
        <script src="js/jquery.js"></script>
        <!--[if lt IE 9]>
        <script src="js/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="main-wrapper">
            <div class="scroll-top">
                <a href="#" class="tip-top" title="Go Top"><i class="icon-arrow-up"></i></a>
            </div>
            <!-- TOP BAR -->
            <div class="top-bar">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-4 col-md-4">
                            <a href="#" class="left-toggle"><i class="icon-menu-2 "></i></a>
                            <!-- LOGO -->
                            <div class="branding">
                                <a href="index.html"><img src="images/alpona-logo.png" alt="Alpona Logo"></a>
                            </div>
                        </div>
                        <div class="col-sm-4 col-md-4 responsive-notification-mnu">
                            <ul class="notification-bar">
                                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-bell"></i></a>
                                    <div class="dropdown-menu">
                                        <div class="dropdown-head">
                                            <h6>You have 10 new notifications</h6>
                                        </div>
                                        <ul class="notification-list">
                                            <li><a href="#" class="clearfix"><i class="icon-star blue"></i><span class="notification-intro">Donec pretium enim vel nisl viverra posuere.<span class="notification-time">8 min ago</span></span></a></li>
                                            <li><a href="#" class="clearfix"><i class=" icon-bell orange"></i><span class="notification-intro">Vestibulum viverra magna vitae dui volutpat dapibus. <span class="notification-time">3 hours ago</span></span></a></li>
                                            <li><a href="#" class="clearfix"><i class=" icon-bolt brown"></i><span class="notification-intro">Fusce eget ipsum in odio consectetur condimentum et id nisl.<span class="notification-time">5 hours ago</span></span></a></li>
                                            <li><a href="#" class="clearfix"><i class=" icon-ok-sign green"></i><span class="notification-intro">Mauris fringilla metus in mauris molestie tempor <span class="notification-time">8 hours ago</span></span></a></li>
                                        </ul>
                                        <div class="action-btn">
                                            <button class="btn btn-block">View All</button>
                                        </div>
                                    </div>
                                </li>
                                <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="count-noty">12</span><i class="icon-envelop-opened"></i></a>
                                    <div class="dropdown-menu">
                                        <div class="dropdown-head">
                                            <h6>You have 32 new messages</h6>
                                        </div>
                                        <ul class="msg-list">
                                            <li class="clearfix"><a href="#"><span class="dropdown-thumb"><img width="40" height="40" alt="Avatar" src="images/avatar-40x40/binjal.png"></span><span><i>binjal</i> is posted an article. lacus est congue... </span><span class="notification-meta"> 12 hours ago </span></a></li>
                                            <li class="clearfix"><a href="#"><span class="dropdown-thumb"><img width="40" height="40" alt="Avatar" src="images/avatar-40x40/sharmin.png"></span><span><i>sharmin</i> is posted an article. lacus est congue... </span><span class="notification-meta"> 12 hours ago </span></a></li>
                                            <li class="clearfix"><a href="#"><span class="dropdown-thumb"><img width="40" height="40" alt="Avatar" src="images/avatar-40x40/shusi.png"></span><span><i>shusi</i> is posted an article. lacus est congue... </span><span class="notification-meta"> 12 hours ago </span></a></li>
                                            <li class="clearfix"><a href="#"><span class="dropdown-thumb"><img width="40" height="40" alt="Avatar" src="images/avatar-40x40/jamjam.png"></span><span><i>jamjam</i> is posted an article. lacus est congue... </span><span class="notification-meta"> 12 hours ago </span></a></li>
                                            <li class="clearfix"><a href="#"><span class="dropdown-thumb"><img width="40" height="40" alt="Avatar" src="images/avatar-40x40/sinha.png"></span><span><i>sinha</i> is posted an article. lacus est congue... </span><span class="notification-meta"> 12 hours ago </span></a></li>
                                        </ul>
                                        <div class="action-btn">
                                            <button class="btn btn-block">View All</button>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="col-sm-4 col-md-4 clearfix responsive-log-mnu">
                            <!-- ADMIN DRODOWN MENU -->
                            <div class="loged-nav pull-right">
                                <ul class="clearfix">
                                    <li class="log-nav dropdown pull-right"><a class="dropdown-toggle clearfix" data-toggle="dropdown">
                                            <span class="pull-left loged-user-name">Sharmin Sultana</span><span class="logged-user-thumb pull-right"><img class="img-circle" src="images/admin-avatar.jpg" alt="Admin"></span></a>
                                        <div class="dropdown-menu">
                                            <ul class="pull-right">
                                                <li><a href="#">kjamanebr@gmail.com</a></li>
                                                <li><a href="#">Edit Profile</a></li>
                                                <li><a href="#">Inbox</a></li>
                                                <li class="divider"></li>
                                                <li><a href="#" class="logout-link"><i class="icon-lock-3"></i> Logout</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- LEFT BAR -->
            <div class="left-bar merge-left">
                <!-- SEARCH BAR -->
                <div class="search-bar">
                    <div class="input-group">
                        <input type="text" class="form-control">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button"><i class="icon-search"></i></button>
                        </span>
                    </div>
                </div>
                <!-- LEFT NAV -->
                <div class="left-nav">
                    <ul class="side-navigation accordion" id="nav-accordion">
                        <li><a href="index.html"><i class="icon-home"></i> Home</a></li>
                        <li><a href="#"><i class="icon-list-alt"></i>Forms</a>
                            <ul>
                                <li><a href="form-elements.html"><i class="icon-double-angle-right"></i>All Form Elements</a></li>
                                <li><a href="extended-form-elements.html"><i class="icon-double-angle-right"></i> Extended Form Elements <span class="nav-instruction"> Lots of plugins is used here</span></a></li>
                                <li><a href="form-validation.html"><i class="icon-double-angle-right"></i>Form Validation</a></li>
                                <li><a href="form-wizard.html"><i class="icon-double-angle-right"></i>Stepy Form</a></li>
                            </ul>
                        </li>
                        <li><a href="#"><i class="icon-table-2"></i>Tables</a>
                            <ul>
                                <li><a href="basic-table.html"><i class="icon-double-angle-right"></i> Basic Tables <span class="nav-instruction"> This is an instruction</span></a></li>
                                <li><a href="table-themes.html"><i class="icon-double-angle-right"></i> Tables-Theme</a></li>
                                <li><a href="data-tables.html"><i class="icon-double-angle-right"></i> Data Tables</a></li>
                            </ul>
                        </li>
                        <li><a href="#"><i class="icon-columns"></i> Grid/Portlets</a>
                            <ul>
                                <li><a href="boxy-grids-porlets.html"><i class="icon-double-angle-right"></i> Boxy Grid/Portlets <span class="nav-instruction"> This is an instruction</span></a></li>
                                <li><a href="non-boxy-grids-porlets.html"><i class="icon-double-angle-right"></i> Non Boxy Grid/Portlets</a></li>
                            </ul>
                        </li>
                        <li><a href="#"><i class="icon-laptop"></i> Layout &AMP; Dashboard</a>
                            <ul>
                                <li><a href="blank-layout.html"><i class="icon-double-angle-right"></i> Blank Layout <span class="nav-instruction"> This is an instruction</span></a></li>
                                <li><a href="fixed-topbar.html"><i class="icon-double-angle-right"></i> Fixed Topbar</a></li>
                                <li><a href="fixed-leftbar.html"><i class="icon-double-angle-right"></i> Fixed Leftbar</a></li>
                                <li><a href="top-dropdown-menu.html"><i class="icon-double-angle-right"></i> Top Dropdown Menu</a></li>
                                <li><a href="no-sidebar.html"><i class="icon-double-angle-right"></i> No Sidebar</a></li>
                            </ul>
                        </li>
                        <li><a href="#"><i class="icon-font"></i> Typography</a>
                            <ul>
                                <li><a href="typography-boxy.html"><i class="icon-double-angle-right"></i> Boxy Typography <span class="nav-instruction"> This is an instruction</span></a></li>
                                <li><a href="typography-non-boxy.html"><i class="icon-double-angle-right"></i> Non Boxy Typography</a></li>
                            </ul>
                        </li>
                        <li><a href="#"><i class="icon-cord"></i> UI Elements</a>
                            <ul>
                                <li><a href="bootstrap-ui.html"><i class="icon-double-angle-right"></i> Bootstrap UI <span class="nav-instruction"> This is an instruction</span></a></li>
                                <li><a href="jquery-ui.html"><i class="icon-double-angle-right"></i> jQuery UI</a></li>
                                <li><a href="extended-ui-elements.html"><i class="icon-double-angle-right"></i> Extended Elements<span class="nav-instruction"> More Cool UI elements plugins </span></a></li>
                            </ul>
                        </li>
                        <li><a href="#"><i class="icon-tools"></i> Components &AMP; Plugins</a>
                            <ul>
                                <li><a href="buttons-icons.html"><i class="icon-double-angle-right"></i> Buttons &AMP; Icons</a></li>
                                <li><a href="wysiwyg.html"><i class="icon-double-angle-right"></i> WYSIWYG Text Editor</a></li>
                                <li><a href="calendar.html"><i class="icon-double-angle-right"></i> Calendar</a></li>
                                <li><a href="flot-chart.html"><i class="icon-double-angle-right"></i> Flot Chart</a></li>
                                <li><a href="google-chart.html"><i class="icon-double-angle-right"></i> Google Chart</a></li>
                            </ul>
                        </li>
                        <li><a href="#"><i class="icon-files"></i> Example Pages</a>
                            <ul>
                                <li><a href="content-post.html"><i class="icon-double-angle-right"></i> Content Post</a></li>
                                <li><a href="login.html"><i class="icon-double-angle-right"></i> Login</a></li>
                                <li><a href="product-list.html"><i class="icon-double-angle-right"></i> Products List</a></li>
                                <li><a href="gallery.html"><i class="icon-double-angle-right"></i> Gallery Page</a></li>
                                <li><a href="search-page.html"><i class="icon-double-angle-right"></i> Search Page</a></li>
                                <li><a href="error-page.html"><i class="icon-double-angle-right"></i> Error Page</a></li>
                                <li><a href="invoice-page.html"><i class="icon-double-angle-right"></i> Invoice</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- SITE CONTAINER -->
            <div class="main-container">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <!-- SHORTCUT BAR -->
                            <div class="shortcut-bar">
                                <ul class="shortcut-items">
                                    <li><a href="#"><span class="count-noty">12</span><i class="icon-screen-3"></i><span class="shortcut-label">Dashboard</span></a></li>
                                    <li><a href="#"><i class="icon-cogs"></i><span class="shortcut-label">Settings</span></a></li>
                                    <li><a href="#"><i class="icon-chart"></i><span class="shortcut-label">Statistics</span></a></li>
                                    <li><a href="#"><i class="icon-users-2"></i><span class="shortcut-label">Users</span></a></li>
                                    <li><a href="#"><i class="icon-file-8"></i><span class="shortcut-label">Content</span></a></li>
                                    <li><a href="#"><i class="icon-briefcase"></i><span class="shortcut-label">Media</span></a></li>
                                    <li><a href="#"><i class="icon-stack-list"></i><span class="shortcut-label">Task List</span></a></li>
                                    <li><a href="#"><i class="icon-folder"></i><span class="shortcut-label">Files</span></a></li>
                                    <li><a href="#"><i class="icon-coin"></i><span class="shortcut-label">Income</span></a></li>
                                </ul>
                            </div>
                            <div class="page-header">
                                <h1><i class="icon-list"></i> Product List <small>Grid view and list view product list</small></h1>
                            </div>
                            <ul class="breadcrumb">
                                <li><a href="#"><i class="icon-home"></i></a></li>
                                <li><a href="#">Library</a></li>
                                <li class="active">Product List</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="main">
                                <div id="cbp-vm" class="cbp-vm-switcher cbp-vm-view-grid">
                                    <div class="cbp-vm-options clearfix">
                                        <h4 class="product-h pull-left">Product List</h4>
                                        <a href="#" class="cbp-vm-icon cbp-vm-grid cbp-vm-selected" data-view="cbp-vm-view-grid"><i class="icon-grid-5"></i></a>
                                        <a href="#" class="cbp-vm-icon cbp-vm-list" data-view="cbp-vm-view-list"><i class="icon-list-4"></i></a>
                                    </div>
                                    <ul>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/1.png"></a>
                                            <h3 class="cbp-vm-title">Silver beet</h3>
                                            <div class="cbp-vm-price">
                                                $19.90
                                            </div>
                                            <div class="cbp-vm-details">
                                                Silver beet shallot wakame tomatillo salsify mung bean beetroot groundnut.
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/2.png"></a>
                                            <h3 class="cbp-vm-title">Wattle seed</h3>
                                            <div class="cbp-vm-price">
                                                $22.90
                                            </div>
                                            <div class="cbp-vm-details">
                                                Wattle seed bunya nuts spring onion okra garlic bitterleaf zucchini.
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/3.png"></a>
                                            <h3 class="cbp-vm-title">Kohlrabi bok</h3>
                                            <div class="cbp-vm-price">
                                                $5.90
                                            </div>
                                            <div class="cbp-vm-details">
                                                Kohlrabi bok choy broccoli rabe welsh onion spring onion tatsoi ricebean kombu chard.
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/4.png"></a>
                                            <h3 class="cbp-vm-title">Melon sierra</h3>
                                            <div class="cbp-vm-price">
                                                $12.90
                                            </div>
                                            <div class="cbp-vm-details">
                                                Melon sierra leone bologi carrot peanut salsify celery onion jícama summer purslane.
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/5.png"></a>
                                            <h3 class="cbp-vm-title">Celery carrot</h3>
                                            <div class="cbp-vm-price">
                                                $15.00
                                            </div>
                                            <div class="cbp-vm-details">
                                                Celery carrot napa cabbage wakame zucchini celery chard beetroot jícama sierra leone.
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/6.png"></a>
                                            <h3 class="cbp-vm-title">Catsear</h3>
                                            <div class="cbp-vm-price">
                                                $20.00
                                            </div>
                                            <div class="cbp-vm-details">
                                                Catsear cabbage tomato parsnip cucumber pea brussels sprout spring onion shallot swiss .
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/7.png"></a>
                                            <h3 class="cbp-vm-title">Mung bean</h3>
                                            <div class="cbp-vm-price">
                                                $88.00
                                            </div>
                                            <div class="cbp-vm-details">
                                                Mung bean taro chicory spinach komatsuna fennel.
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/8.png"></a>
                                            <h3 class="cbp-vm-title">Epazote</h3>
                                            <div class="cbp-vm-price">
                                                $34.90
                                            </div>
                                            <div class="cbp-vm-details">
                                                Epazote soko chickpea radicchio rutabaga desert raisin wattle seed coriander water.
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/9.png"></a>
                                            <h3 class="cbp-vm-title">Tatsoi caulie</h3>
                                            <div class="cbp-vm-price">
                                                $21.50
                                            </div>
                                            <div class="cbp-vm-details">
                                                Tatsoi caulie broccoli rabe bush tomato fava bean beetroot epazote salad grape.
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/10.png"></a>
                                            <h3 class="cbp-vm-title">Endive okra</h3>
                                            <div class="cbp-vm-price">
                                                $18.50
                                            </div>
                                            <div class="cbp-vm-details">
                                                Endive okra chard desert raisin prairie turnip cucumber maize avocado.
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/1.png"></a>
                                            <h3 class="cbp-vm-title">Bush tomato</h3>
                                            <div class="cbp-vm-price">
                                                $9.00
                                            </div>
                                            <div class="cbp-vm-details">
                                                Bush tomato peanut shallot turnip prairie turnip gram desert raisin.
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                        <li>
                                            <a class="cbp-vm-image" href="#"><img alt="img" src="images/2.png"></a>
                                            <h3 class="cbp-vm-title">Yarrow leek</h3>
                                            <div class="cbp-vm-price">
                                                $22.50
                                            </div>
                                            <div class="cbp-vm-details">
                                                Yarrow leek cabbage amaranth onion salsify caulie kale desert raisin prairie turnip garlic.
                                            </div>
                                            <a class="cbp-vm-icon cbp-vm-add" href="#"><i class="icon-cart-plus"></i> Add to cart</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="js/classie.js"></script>
        <script src="js/cbpViewModeSwitch.js"></script>
        <script src="js/jquery-ui-1.10.3.custom.min.js"></script>
        <script src="js/modernizr.custom.html"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/prettify.js"></script>
        <!--jQuery touch scroll -->
        <script src="js/jquery.nicescroll.js"></script>
        <script src='js/jquery.cookie.js'></script>
        <script src='js/jquery.hoverIntent.minified.js'></script>
        <!--jQuery leftbar navigation accordion -->
        <script src='js/jquery.dcjqaccordion.2.7.js'></script>
        <!-- Theme common script -->
        
        <script src='js/common-script.js'></script>
        <!--[if lte IE 7]>
                        <script src="js/font-alpona-ie7.js"></script>
                        <![endif]-->
    </body>
</html>